<!--
icon组件
-->
<script setup lang="ts" name="Icon">
/**
 * 配置项
 * @param size
 * @param name
 * @param color
 */
type Props = {
  size: number;
  name: string;
  color: string;
};
const props = withDefaults(defineProps<Props>(), {
  size: 18,
  color: "#ccc"
});
</script>

<template>
  <el-icon :size="props.size" :color="props.color">
    <component :is="props.name" />
  </el-icon>
</template>

<style lang="less" scoped></style>
